<template>
  <div class="footer-goods" v-if="data">
      <ul class="newGoodList">
          <li
            class="newGoodList-item"
            v-for="el in data"
            :key="el.id"
            @click="toGoodsDetail(el.id)"
          >
            <img class="img" :src="el.list_pic_url" alt="" />
            <div class="goods-txt">
              <span class="txt-t">{{el.name }}</span>
              <span class="txt-b">{{el.retail_price }}</span>
            </div>
          </li>
         <li></li>
        </ul>
    </div>
</template>

<script>
export default {
  name: 'productList',
  props: ['data'],
  setup (props) {
    console.log(props)
    return {}
  }
}
</script>

<style lang="scss" scoped>
@import './scss/index.scss'
</style>
